<html>
<head>
<title>Mashable Style Social Subscription Widget Generator For blogger</title>
<style type="text/css">
.input-text,.text-input, .select-box{
        margin:0 2px;
        padding:4px 6px;
        border: 1px solid #f9780e;

        -webkit-border-radius: 4px;
        -moz-border-radius: 4px;
        border-radius: 4px;
        font-family: gergia;
        font-style: italic;

        -webkit-box-shadow: 1px 1px 1px #dfdfdf;
        -moz-box-shadow: 1px 1px 1px #dfdfdf;
        box-shadow: 1px 1px 1px #dfdfdf;
        font-size: 14px;
        color: #666;
        max-width:auto;
}
body { font-family: verdana, arial;margin: 0;padding: 0;text-align: left;font-size:18px;}
#outer-wrapper {font-family: verdana, arial;}
#content-wrapper { width: 96%; max-widtd:975px;  margin: 0 auto;  padding: 5px;  text-align: left;  background-color: #ffffff;
background:#ffffff;
border:2px solid #000000;
-webkit-border-radius: 20px;-moz-border-radius: 20px;border-radius: 20px;
}
#content-wrapper h2 {text-align:center;font-size:20px;margin: 5px 0 1em ;padding: 3px 10px;background-color: #000000;font-size:16px;color:#fff;border:1px solid #fff;
-webkit-border-radius: 20px;-moz-border-radius: 20px;border-radius: 20px;
}
.redi{-moz-border-radius: 8px; -webkit-border-radius: 8px; border-radius: 8px; }

</style>
<script type="text/javascript">
function bloggertrickscodegen(){
document.getElementsByName("go")[0].disabled=false;
document.getElementsByName("gen")[0].disabled=true;
var btEgi=document.getElementsByName("btgi")[0].value;
var btEfb=document.getElementsByName("btfb")[0].value;
var btErsss=document.getElementsByName("rsss")[0].value;
var btEgp=document.getElementsByName("gps")[0].value;
var btEtwi=document.getElementsByName("twi")[0].value;
var widget=document.getElementsByName("widget.content")[0];
widget.value="<link rel=\"stylesheet\" type=\"text\/css\" href=\"https:\/\/bloggertricksdotbiz.googlecode.com\/svn\/Css\/btmashablestyle.css.css\" \/><div style=\"margin-bottom:10px;\"> <div id=\"Bloggertricks-mashable-bar\" > <div class=\"gplus\"><link href=\"https:\/\/plus.google.com\/b\/"+btEgi+"\/\" rel=\"publisher\" \/><script type=\"text\/javascript\"> window.___gcfg = {lang: 'en'}; undefinedfunctionundefined) {var po = document.createElementundefined\"script\"); po.type = \"text\/javascript\"; po.async = true;po.src = \"https:\/\/apis.google.com\/js\/plusone.js\"; var s = document.getElementsByTagNameundefined\"script\")[0]; s.parentNode.insertBeforeundefinedpo, s); })undefined);<\/script><script type=\"text\/javascript\"> var _gaq = _gaq || []; _gaq.pushundefined['_setAccount', 'UA-29131740-1']); _gaq.pushundefined['_trackPageview']); undefinedfunctionundefined) { var ga = document.createElementundefined'script'); ga.type = 'text\/javascript'; ga.async = true; ga.src = undefined'https:' == document.location.protocol ? 'https:\/\/ssl' : 'http:\/\/www') + '.google-analytics.com\/ga.js'; var s = document.getElementsByTagNameundefined'script')[0]; s.parentNode.insertBeforeundefinedga, s); })undefined); <\/script><g:plus href=\"https:\/\/plus.google.com\/b\/"+btEgi+"\/\" width=\"300\" height=\"131\" margin=\"0px\" theme=\"light\"><\/g:plus><\/div><div class=\"fb-likebox\"><iframe src=\"\/\/www.facebook.com\/plugins\/like.php?href="+btEfb+" &amp;send=false&amp;layout=standard&amp; width=200px&amp;show_faces=true&amp;action=like&amp;colorscheme=light&amp; font&amp;height=100px&amp;\" scrolling=\"no\" frameborder=\"0\" style=\"border:none; overflow:hidden; \"><\/iframe><\/div><div class=\"googleplus\"><span>Recommend us on Google!<\/span><div class=\"g-plusone\" data-size=\"medium\"><\/div><script type=\"text\/javascript\" src=\"https:\/\/apis.google.com\/js\/plusone.js\"><\/script><\/div><div class=\"twitter\"><iframe title=\"\" style=\"width: 300px; height: 20px;\" class=\"twitter-follow-button\" src=\"http:\/\/platform.twitter.com\/widgets\/follow_button.html#_=1319978796351&amp; align=&amp;button=blue&amp;id=twitter_tweet_button_0&amp; lang=en&amp;link_color=&amp;screen_name="+btEtwi+"&amp;show_count=&amp; show_screen_name=&amp;text_color=\" frameborder=\"0\" scrolling=\"no\"><\/iframe><\/div><div id=\"email-news-subscribe\"><div class=\"email-box\"><form onsubmit=\"window.open('http:\/\/feedburner.google.com\/fb\/a\/mailverify?uri="+btErsss+"', 'popupwindow', 'scrollbars=yes,width=550,height=520');return true\" target=\"popupwindow\" method=\"post\" action=\"http:\/\/feedburner.google.com\/fb\/a\/mailverify\"><input type=\"text\" onblur=\"if(this.value=='')this.value=this.defaultValue;\" onfocus=\"if(this.value==this.defaultValue)this.value='';\" value=\"Enter Your Email here..\" name=\"email\" id=\"email\" style=\"width: 150px; font-size: 12px;\" class=\"email\"\/><input type=\"hidden\" name=\"uri\" value=\""+btEtwi+"\"\/><input type=\"hidden\" value=\"en_US\" name=\"loc\"\/><input type=\"submit\" value=\"Subscribe\" name=\"commit\" class=\"subscribe\"\/><\/form><\/div> <\/div> <div id=\"other-social-bar\"><ul class=\"other-follow\"><li class=\"my-rss\"><a rel=\"nofollow\" title=\"RSS\" href=\"http:\/\/feeds.feedburner.com\/Bloggertricks\/BTVJ\" target=\"_blank\">RSS Feed<\/a><\/li> <li class=\"my-twitter\"><a rel=\"nofollow\" title=\"twitter\" rel=\"author\" href=\"https:\/\/www.twitter.com\/"+btEtwi+"\"  target=\"_blank\">Twitter<\/a><\/li> <li class=\"my-gplus\"><a rel=\"nofollow\" title=\"Google Plus\" rel=\"author\" href=https:\/\/plus.google.com\/"+btEgp+" target=\"_blank\">Google Plus<\/a><\/li> <\/ul> <\/div><div id=\"mashable\" style=\"background: #EBEBEB;border: 1px solid #CCC;border-top: 1px solid white;padding: 1px 8px 1px 3px;text-align: right;border-image: initial;font-size:10px;font-family: \"arial\",\"helvetica\",sans-serif;\"> <span class=\"author-credit\" style=\"font-family: Arial, Helvetica, sans-serif;\"><a href=\"http:\/\/www.bloggertricks.biz\" target=\"_blank\" >Get this Gadget<\/a><\/span><\/div><\/div><\/div> "}
function bloggertricksReset(){
document.getElementsByName("btgi")[0].value="116032705061732230405";
document.getElementsByName("btfb")[0].value="https://www.Facebook.com/Bloggertricksdotbiz";
document.getElementsByName("gp")[0].value="110100302012846213219";
document.getElementsByName("twi")[0].value="jackievijay143";
document.getElementsByName("rsss")[0].value="Bloggertricks/BTVJ";
document.getElementsByName("go")[0].disabled=true;
document.getElementsByName("gen")[0].disabled=false}
</script>
</head>
<body>
<div id='content-wrapper'>
<h2>Mashable Style Social Subscription Widget Generator</h2>
<fieldset class='redi' style='border:1px solid #7F9DB9;'><legend class='redi' align='left' style='border:1px solid #7F9DB9;padding:3px 10px;margin-left:20px;'><b>Settings</b></legend></fieldse>
<form method="post" action="http://www.blogger.com/add-widget" target="_blank">
<table width="100%">
<tr>
<td width='40%'><label for='btgi'>Your Google+ Page ID</label></td>
<td width='60%'><input class='text-input' type='text' name='btgi' value='116032705061732230405' size='40'></td>
</tr>
<tr>
<td width='40%'><label for='btfb'>Facebook Page Url</label></td>
<td width='60%'><input class='text-input' type='text' name='btfb' value='https://www.Facebook.com/Bloggertricksdotbiz' size='40'></td>
</tr>
<tr>
<td width='40%'><label for='gps'>Your Google+ Profile ID</label></td>
<td width='60%'><input class='text-input' type='text' name='gps' value='110100302012846213219' size='40'></td>
</tr>
<tr>
<td width='40%'><label for='twi'>Your Twitter Username</label></td>
<td width='60%'><input class='text-input' type='text' name='twi' value='jackievijay143' size='40'></td>
</tr>
<tr>
<td width='40%'><label for='rsss'>Your Feedburner ID</label></td>
<td width='60%'><input class='text-input' type='text' name='rsss' value='Bloggertricks/BTVJ' size='30'></td>
</tr>
</table>
</fieldset>
<br></fieldset><br>
<input name="infoUrl" type="hidden" value="http://bloggertricks.biz/ type="hidden">
<input name="logoUrl" type="hidden" value="http://1.bp.blogspot.com/-1wqrOwvmfZU/T1xRvSHnxFI/AAAAAAAAANE/IK2rvm77hAc/s1600/bt1000.png" type="hidden">
<center><input name="gen" style="width:100px;margin-right:5px;" value="Generate" onclick="javascript:bloggertrickscodegen();" type="button"><input style="width:100px;" value="Reset" onclick="javascript:bloggertricksReset();" type="button"><br>
<input style="width:205px;margin-top:5px;font-weight:bold;font-size:18px;" disabled="disabled" name="go" value="Add to Blogger" type="submit"><br>
<textarea name="widget.content" style="width:0px;height:0px;display:none;"></textarea>
</center></form><br>
</body></html>

